<template>
   <div class="footer">
        <div class="main">
            <p>©2021 - 2022 By Kisugi Takumi</p>
            <p>Hi, welcome to my blog!</p>
        </div>
    </div>
</template>

<script>
export default {
    name:'myFooter'
}
</script>

<style scoped>
    .footer{
    height: 180px;
    background-image: url("../assets/images/8.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .footer .main{
    padding-top: 40px;
    text-align: center;
  
  }
  .footer p{
    color: black;
    font-size: 20px;
    font-weight: 300;
    opacity: 0.8;
  }
</style>